home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / dhtmlunl / dhtml.exe / CD Content / Chap16 / dun16_3.txt < prev    next >
Encoding:
Text File  |  1997-12-18  |  1.1 KB  |  46 lines

  1. <HTML onClick="displayEventSource(this);">
  2.  
  3. <HEAD>
  4.  
  5.   <TITLE>The Event Path</TITLE>
  6.  
  7.  
  8.  
  9.   <SCRIPT>
  10.  
  11.     function displayEventSource(element)
  12.  
  13.     {
  14.  
  15.       if (element == event.srcElement)
  16.  
  17.         eventPath = "";
  18.  
  19.  
  20.  
  21.       eventPath += element.tagName + " ---> ";
  22.  
  23.       document.all.results.innerHTML = eventPath;
  24.  
  25.     }
  26.  
  27.  
  28.  
  29.   </SCRIPT>
  30.  
  31. </HEAD>
  32.  
  33.  
  34.  
  35. <BODY onClick="displayEventSource(this);">
  36.  
  37.   <H2>The Event Path</H2>
  38.  
  39.  
  40.  
  41.   <BLOCKQUOTE onClick="displayEventSource(this);">
  42.  
  43.     <P>
  44.  
  45.       Events bubble up the document hierarchy from a page element
  46.  
  47.       to its parent element.  By clicking on a page element, a
  48.  
  49.       click event is generated that travels up the document
  50.  
  51.       hierarchy triggering any <TT>onClick</TT> event handlers
  52.  
  53.       bound to a page element.
  54.  
  55.     </P>
  56.  
  57.  
  58.  
  59.     <P onClick="displayEventSource(this);">
  60.  
  61.       <B onClick="displayEventSource(this);">
  62.  
  63.        Click here
  64.  
  65.       </B>
  66.  
  67.       to see the path an event takes from the <TT>B</TT> element
  68.  
  69.       up the document hierarchy.
  70.  
  71.     </P>
  72.  
  73.  
  74.  
  75.     <P><B>Event Path:</B><BR>
  76.  
  77.       <PRE ID=results>
  78.  
  79.       </PRE>
  80.  
  81.     </P>
  82.  
  83.   </BLOCKQUOTE>
  84.  
  85.  
  86.  
  87. </BODY>
  88.  
  89. </HTML>
  90.  
  91.